html,.indexContent{
    background: #F4F4F4;
}

.indexDetailTop{
    box-sizing: border-box!important;
    width: 100%;
    height: 2rem;
}

.indexContent{
    margin-top: 1.9rem;
}

.minirefresh-wrap{
    margin-bottom: 0;
}

.indexDetailTop .more{
    float: right;
    height: 1.06rem;
}

.indexContent .user{
    padding: 0.5rem 0.5rem 0.85rem 0.5rem;
    background: #FFD300;
    overflow: hidden;
}

.indexContent .user .userPic{
    float: left;
    width: 3.11rem;
    height: 3.11rem;
    position: relative;
    overflow: hidden;
}

.indexContent .user .userPic .headerPic{
    width: 3.11rem;
    height: 3.11rem;
    border-radius: 50%;
}

.indexContent .user .userPic .sex{
    width: 0.68rem;
    height: 0.68rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.indexContent .user .userInfo{
    float: left;
    width: 70%;
    margin-left: 0.64rem;
    height: 3.11rem;
    overflow: hidden;
}

.indexContent .user .userInfo p:nth-child(1) .nickName{
    display: inline-block;
    max-width: 6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.68rem;
    font-weight:400;
    color:rgba(0,0,0,1);
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.indexContent .user .userInfo p:nth-child(1) .rank{
    display: inline-block;
    width:2.13rem;
    height:0.68rem;
    line-height: 0.68rem;
    background:rgba(0,0,0,1);
    border-radius: 0.68rem;
    font-size: 0.51rem;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.indexContent .user .userInfo p:nth-child(1) .rank img{
    /*width: 0.43rem;*/
    height: 0.53rem;
    vertical-align: middle;
}

.indexContent .user .userInfo p:nth-child(1) .rank span{
    vertical-align: middle;
}

.indexContent .user .userInfo p:nth-child(1) .monthCard{
    width: 0.68rem;
    height: 0.68rem;
    vertical-align: middle;
}

.indexContent .user .userInfo p:nth-child(2){
    font-size:0.55rem;
    font-family:NotoSansHans-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:0.68rem;
    overflow:hidden;
    text-overflow:ellipsis;
    margin: 0.1rem 0;
    white-space:nowrap;
}

.indexContent .user .userInfo .operation{
    font-size:0.64rem;
    font-family:NotoSansHans-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    overflow: hidden;
}

.indexContent .user .userInfo .operation li{
    float: left;
    width: 2.5rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 0.5rem;
    font-size: 0.55rem;
    background: #ffffff;
    margin-right: 0.3rem;
}

.indexContent .user .userInfo .operation .isBlacklist,
.indexContent .user .userInfo .operation .isLike{
    width:2.35rem;
    height:0.94rem;
    float: right;
    display: none;
}

.indexContent .user .userInfo .operation .isBlacklist img,
.indexContent .user .userInfo .operation .isLike img{
    width:2.35rem;
    height:0.94rem;
}

.indexContent .user .userInfo p:nth-child(3) span:nth-child(3),
.indexContent .user .userInfo p:nth-child(3) span:nth-child(5){
    margin-left: 0.3rem;
}

.tabSwitch{
    width: 100%;
    height: 2rem;
    background: #ffffff;
    overflow: hidden;
}

.tabSwitch li{
    width: 33.3%;
    float: left;
    font-size:0.68rem;
    text-align: center;
    line-height: 2rem;
}

.tabSwitch li .active{
    padding: 0 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 3px solid #FFD300;
}

.showcaseBoxList,
.showCommunity{
    width: 100%;
    margin-top: 0.5rem;
    overflow: hidden;
}

.indexContent .showcaseBoxList li{
    float: left;
    width: 30%;
    height: 7.37rem;
    margin-left: 2.5%;
    margin-top: 0.35rem;
    background: #ffffff;
    border-radius: 0.3rem;
    overflow: hidden;
}

.indexContent .showcaseBoxList li .pic{
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    overflow: hidden;
}

.indexContent .showcaseBoxList li .pic img{
    width: 4.8rem;
    height: 4.8rem;
}

.indexContent li .pic .noCheck,
.indexContent li .pic .check{
    width:0.85rem;
    height:0.85rem;
    position: absolute;
    right: 0.26rem;
    top: 0.26rem;
    display: none;
}

.indexContent .showcaseBoxList li .name{
    /*height: 1.35rem;*/
    font-size:0.55rem;
    padding: 0 0.21rem;
    margin-top: 0.21rem;
    font-family:NotoSansHans-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:0.64rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indexContent .showcaseBoxList li .price{
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.5rem;
    color: #959595;
    padding-left: 0.21rem;
    /*padding: 0 0.21rem 0.21rem 0.21rem;*/
}

.indexContent .showCommunity li{
    width: 14.29rem;
    margin: 0.43rem auto;
    padding: 0.43rem;
    border-radius: 0.3rem;
    background: #ffffff;
    overflow: hidden;
}

.indexContent .showCommunity li .communityUser{
    width: 100%;
    overflow: hidden;
}

.indexContent .showCommunity li .communityUser .communityUserPic{
    float: left;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 50%;
    overflow: hidden;
}

.indexContent .showCommunity li .communityUser .communityUserPic img{
    width: 1.32rem;
    height: 1.32rem;
}

.indexContent .showCommunity li .communityUser .communityUserName{
    float: left;
    margin-left: 0.45rem;
}

.indexContent .showCommunity li .communityUser .communityUserName p:nth-child(1){
    font-size:0.55rem;
}

.indexContent .showCommunity li .communityUser .communityUserName p:nth-child(1) span{
    vertical-align: middle;
    display: inline-block;
    width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;/*不换行*/
    overflow: hidden;
}

.indexContent .showCommunity li .communityUser .communityUserName p:nth-child(1) img{
    width: 0.68rem;
    vertical-align: middle;
}

.indexContent .showCommunity li .communityUser .communityUserName p:nth-child(2){
    font-size:0.43rem;
    font-weight:400;
    color: #B1B1B1;
}

.indexContent .showCommunity li .brief{
    margin-top: 0.38rem;
}

.indexContent .showCommunity li .brief p:nth-child(1){
    font-size: 0.6rem;
    color: #808080;
    line-height: 0.9rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indexContent .showCommunity li .brief p:nth-child(2){
    overflow: hidden;
}

.indexContent .showCommunity li .brief p:nth-child(2) img{
    float: left;
    width: 4.27rem;
    height: 4.27rem;
    margin-right: 0.3rem;
    margin-top: 0.3rem;
}

.indexContent .showCommunity li .brief p:nth-child(2) img:nth-child(3n+3){
    margin-right: 0;
}

.indexContent .showCommunity li .operation{
    text-align: right;
    padding: 0.5rem;
    padding-bottom: 0;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}

.indexContent .showCommunity li .operation img{
    height: 0.8rem;
    vertical-align: middle;
}

.indexContent .showCommunity li .operation span{
    vertical-align: middle;
    color: #EF8933;
    font-size: 0.5rem;
}

.indexContent .saltedEggList{
    width: 100%;
    overflow: hidden;
}

.indexContent .saltedEggList li{
    width: 7.25rem;
    height: 11.5rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    background: #ffffff;
    float: left;
    border-radius: 0.3rem;
    overflow: hidden;
}

.indexContent .saltedEggList li .pic,
.indexContent .saltedEggList li .pic img{
    width: 7.25rem;
    height: 7.25rem;
    overflow: hidden;
}

.indexContent .saltedEggList li:nth-child(odd){
    margin-right: 0;
}

.indexContent .saltedEggList li .name{
    height: 1.2rem;
    line-height: 0.75rem;
    padding: 0.25rem;
    font-size: 0.5rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indexContent .saltedEggList li .name img{
    width: 1.1rem;
    margin-right: 0.2rem;
    vertical-align: top;
}

.indexContent .saltedEggList li .info{
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.25rem;
    font-size: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;/*不换行*/
    overflow: hidden;
}

.indexContent .saltedEggList li .price{
    height: 1rem;
    line-height: 1rem;
    padding: 0.25rem;
    overflow: hidden;
}

.indexContent .saltedEggList li .price img:nth-child(1){
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

.indexContent .saltedEggList li .price .nickName{
    color: #EF8933;
    width: 2.5rem;
    display: inline-block;
    font-size: 0.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;/*不换行*/
    overflow: hidden;
}

.indexContent .saltedEggList li .price .goldCoin{
    float: right;
    height: 1rem;
    color: #EF8933;
    margin-right: 0.25rem;
}

.indexContent .saltedEggList li .price .priceNum{
    float: right;
    font-size: 0.7rem;
    color: #EF8933;
}

.goBlackAlert{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    display: none;
}

.goBlackAlert .content{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    padding: 0.92rem 0.43rem;
}

.goBlackAlert .content .privateLetter,
.goBlackAlert .content .goBlack{
    padding: 0.5rem;
}


.goBlackAlert .content  img{
    width: 0.94rem;
    vertical-align: middle;
}

.goBlackAlert .content  span{
    vertical-align: middle;
}

.goBlackAlert .content .cancel{
    width:15.15rem;
    height:2rem;
    background:rgba(231,231,231,1);
    border-radius:1rem;
    text-align: center;
    line-height: 2rem;
    font-size:0.73rem;
    margin-top: 0.5rem;
}
